<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no,img-responsive,img-rounded">
	<title>工地详情</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/d-all.css">
</head>
<body>


<!--导航栏-->
<nav class="navtop navbar-fixed-top">
	<div class="container">
       <div class="nav1 pull-left"><a href="#"><img src="images/left_03.jpg"></a></div>  
       <div class="nav2 pull-left text-center">工地详情</div>
       <div class="nav3 pull-left text-right"></div>     
	</div>
</nav>
<div style="height:50px;"></div>


<div class="container artical allcenter">
	<h4 style="font-size:16px;line-height:22px;">佳星园134平米现代设计风格工地现场施工报道</h4>
	<p style="font-size: 12px;">#现代设计风格&nbsp;&nbsp;&nbsp;&nbsp;#三居室&nbsp;&nbsp;&nbsp;&nbsp;#134㎡&nbsp;&nbsp;&nbsp;&nbsp;#太原</p>
	<p><img src="images/clist3.jpg" class="img-circle" style="width:80px;"></p>
	<p style="text-align: center;"><strong><span style="font-size: 16px;">刘星</span>&nbsp;&nbsp;<span style="font-size: 14px; color: red;">主任设计师</span></strong></p>
</div>
<div class="container artical allcenter">
	<p style="text-align: left;"><span style="color:red;font-weight: bold;">2016-05-15 11:02:25</span><br />
	施工进度：开工交底</p>
	<p><img src="imgatc/c-construct-0101.jpg" alt=""></p>
	<p>龙发对门和楼道的全方位包裹保护~</p>
	<p><img src="imgatc/c-construct-0101.jpg" alt=""></p>
	<p>龙发对门和楼道的全方位包裹保护~</p>
	<p style="text-align: left;"><span style="color:red;font-weight: bold;">2016-05-03</span><br />
	施工进度：水电验收</p>
	<p><img src="imgatc/c-construct-0101.jpg" alt=""></p>
	<p>龙发对门和楼道的全方位包裹保护~</p>
	<p><img src="imgatc/c-construct-0101.jpg" alt=""></p>
	<p>龙发对门和楼道的全方位包裹保护~</p>
	<p style="text-align: left;"><span style="color:red;font-weight: bold;">2016-05-13</span><br />
	施工进度：瓦工验收</p>
	<p><img src="imgatc/c-construct-0101.jpg" alt=""></p>
	<p>龙发对门和楼道的全方位包裹保护~</p>
	<p><img src="imgatc/c-construct-0101.jpg" alt=""></p>
	<p>龙发对门和楼道的全方位包裹保护~</p>
</div>


<div style="height:50px;"></div>
<nav class="navbottom navbar-fixed-bottom signup">
	<a data-toggle="modal" data-target="#myModal">
		<button>预约参观此工地</button>
	</a>
</nav>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content construction">
			<div class="designer">
				<h4>预约参观此工地</h4>
				<input type="text" class="form-control" id="name" placeholder="您的姓名">
				<input type="text" class="form-control" id="name" placeholder="联系电话">
				<input type="text" class="form-control" id="name" placeholder="小区名称">
				<input type="text" class="form-control" id="name" placeholder="建筑面积">
				<input type="text" class="form-control" id="name" placeholder="装修预算">
				<button type="submit" class="a1 btn btn-danger btn-lg btn-block">提交</button>
			</div>
		</div>
	</div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>